<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
    <style>
        body {
            background-color: #ffffff;
        }
    </style>
</head>
<body>
<div class="layui-form layuimini-form">
    <div class="layui-form-item">
        <label class="layui-form-label required">用户名</label>
        <div class="layui-input-block">
            <input type="text" name="username" lay-verify="required" lay-reqtext="用户名不能为空" placeholder="请输入用户名" value="" class="layui-input">
            <tip>填写自己管理账号的名称。</tip>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">性别</label>
        <div class="layui-input-block">
            <input type="radio" name="sex" value="男" title="男" checked>
            <input type="radio" name="sex" value="女" title="女">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">城市</label>
        <div class="layui-input-block">
            <input type="text" name="city" lay-verify="required" lay-reqtext="城市不能为空" placeholder="请输入城市" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">签名</label>
        <div class="layui-input-block">
            <input type="text" name="sign" lay-verify="required" lay-reqtext="签名不能为空" placeholder="请输入签名" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">积分</label>
        <div class="layui-input-block">
            <input type="number" name="experience" lay-verify="required" lay-reqtext="积分不能为空" placeholder="请输入积分" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">评分</label>
        <div class="layui-input-block">
            <input type="number" name="score" lay-verify="required" lay-reqtext="评分不能为空" placeholder="请输入评分" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">职业</label>
        <div class="layui-input-block">
            <input type="text" name="classify" lay-verify="required" lay-reqtext="职业不能为空" placeholder="请输入职业" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">财富</label>
        <div class="layui-input-block">
            <input type="number" name="wealth" lay-verify="required" lay-reqtext="财富不能为空" placeholder="请输入财富" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">手机</label>
        <div class="layui-input-block">
            <input type="number" name="phone" lay-verify="required" lay-reqtext="手机不能为空" placeholder="请输入手机" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">邮箱</label>
        <div class="layui-input-block">
            <input type="email" name="email" lay-verify="required" lay-reqtext="邮箱不能为空" placeholder="请输入邮箱" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">备注信息</label>
        <div class="layui-input-block">
            <textarea name="remarks" class="layui-textarea" placeholder="请输入备注信息"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
        </div>
    </div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
    layui.use(['form'], function () {
        var form = layui.form,
            layer = layui.layer,
            $ = layui.$;
        // 解析URL
        function getQueryVariable(key) {
            var url = location.search;
            var theRequest = {};
            var strs;
            if (url.indexOf("?") !== -1) {
                var str = url.substr(1);
                strs = str.split("&");
                for (var i = 0; i < strs.length; i++) {
                    theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                }
            }
            return (theRequest[key] == null || theRequest[key] === undefined) ? null : theRequest[key];
        }
        var user_id = getQueryVariable("id");
        // 数据回显
        $.get("/users/getUserById/"+user_id,{},function (res) {
            var data=res.data;
            if (res.code===200){
                // 进行数据回显
                $("input[name='city']").val(data.city);
                $("input[name='sign']").val(data.sign);
                $("input[name='score']").val(data.score);
                $("input[name='username']").val(data.username);
                $("input[name='experience']").val(data.experience);
                $("input[name='classify']").val(data.classify);
                $("input[name='wealth']").val(data.wealth);
                $("input[name='phone']").val(data.phone);
                $("input[name='email']").val(data.email);
                $("textarea[name='remarks']").val(data.remarks);
                $("input[name='sex'][type='radio'][value='"+data.sex+"']").prop("checked",true);
            }else {
                alert("操作失败")
            }
        })
        //监听提交
        form.on('submit(saveBtn)', function (data) {
            // 发起编辑请求
            $.post("/users/updateById",{
                id : user_id,
                username : data.field.username,
                sex : data.field.sex,
                city : data.field.city,
                sign : data.field.sign,
                experience : data.field.experience,
                score : data.field.score,
                classify: data.field.classify,
                wealth : data.field.wealth,
                phone : data.field.phone,
                email : data.field.email,
                remarks: data.field.remarks
            },function (res) {
                if (res.code===200){
                    var index = layer.alert(JSON.stringify(data.field), {
                        title: '最终的提交信息'
                    }, function () {
                        // 关闭弹出层
                        layer.close(index);
                        // 刷新表单
                        setTimeout(function () {
                            //修改成功刷新父页面
                            window.parent.location.reload();
                        });
                        var iframeIndex = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(iframeIndex);
                    });
                }else {
                    alert("操作失败");
                    // 关闭弹出层
                    layer.close(index);
                    var iframeIndex = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(iframeIndex);
                }
            })

            return false;
        });
    });
</script>
</body>
</html>
